@import '../../styles/variable.less';
@import '../../styles/mixins.less';
.iconMore {
  // 更多按钮
  font-size: 26px;
}

.navTop {
  margin-top: @gutter;
}

.nav {
  // 导航列表
  display: flex;
  align-items: center;
  flex-direction: column; // 这里height写死并不好
  height: 159px;
  margin-right: -2*@gutter;
  margin-left: -2*@gutter;
  transition: height 0.4s ease-in-out;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  overflow: hidden;
  &.collapsed {
    overflow: hidden;
    height: 0;
  }
}

.navLink {
  // 导航项
  width: 100%;
  padding: 2*@gutter 0;
  text-align: center;
  color: inherit;
  .a-reset-color();
}

@media (min-width: @sm) {
  .navCol {
    width: auto;
  }
  .nav {
    flex-direction: row;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    box-shadow: none;
    &.collapsed {
      overflow: visible;
      height: auto;
    }
  }
  .navLink {
    width: auto;
    margin: 0 2*@gutter;
    padding: 0;
    &:last-child {
      margin-right: 0;
    }
  }
}